// pages/category/category.js
const {getCategory,getCategorylist} = require("../../api/categorylist");

Page({

  /**
   * 页面的初始数据
   */
  data: {
      itemIndex:0,
      navItemId:-1,
      navleft:[],
      remlist:null,
      phonelist:null,
      navright:[],
      phoneNav:0,
      conIndex:0,
      scrollHeight:0,
      itemScroll:0,
      itemHeight:[],
      Img:null,
      loading:true,
  },
  // 切换效果
  setItem(event){
     let id = event.currentTarget.dataset.id;
     this.setData({  
      navItemId:event.currentTarget.dataset.id,
      itemIndex: this.data.navleft.findIndex(item=>item.id==id),
      navright:[],
      scrollHeight:0,
      loading:true
    })
    // console.log(this.data.remlist);
    this.getRightData(this.data.navItemId)

  },
  // 商品栏切换
  setConIndex(event){
    const query = wx.createSelectorQuery()
    query.selectAll('.showItem').boundingClientRect()
    query.selectViewport().scrollOffset()
    query.exec((res)=>{
      console.log(res);
      res[0].top       // #the-id节点的上边界坐标
      console.log(res[0][index].top);
})
    // 获取id值
    let index = event.currentTarget.dataset.id
    if (index==1) {
      this.setData({
        scrollHeight:110,
        itemScroll:410
      })
    }
    this.setData({
      conIndex:index,
    })
  },
 
  //获取数据
  getRightData(id){
    getCategorylist({cat_id:id}).then(data=>{
      console.log(data);
      if (data) {
        this.data.loading=false
        this.data.navright =data.data[0].title_list
        this.data.phonelist = data.data[0].category_list.filter(item=>item.view_type=='category_group')
        this.data.Img= data.data[0].category_list.filter(item=>item.view_type=='cells_auto_fill')
        this.setData(this.data)
      }
    })
  },
 getNavLeftFun(index){
  let templist = []
  getCategory().then(data=>{
    // console.log(data.data);
    if (data) {
      data.data.forEach(item=>{
       templist.push({
         id:item.category_id,
         name:item.category_name
       })
      })
      this.data.navleft=templist
      this.data.navItemId = templist[index].id
      this.data.itemIndex=index
      console.log(this.data.navItemId);
      this.getRightData(this.data.navItemId)
    }
    this.setData(this.data)
  })
 },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
      // 获取左侧导航栏数据
      this.getNavLeftFun(0)

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    let index = wx.getStorageSync('index')
    this.getNavLeftFun(index)
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})